<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@page import = "java.util.*" %>
<%@page import = "Modelo.*" %>
<%@page import = "javax.swing.*"%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <style type="text/css">
            .ui-resizable-se {
                bottom: 17px;
            }
            
        </style>
        <script type="text/javascript">

        // Funcion para crear lineas de objetos
        function crearCampo(idi,alto) {
            fi = document.getElementById('na32'); // 1
            contenedor = document.createElement('div'); // 2
            contenedor.id = 'div32'; // 3
            fi.appendChild(contenedor); // 4

            ele = document.createElement('input'); // 5
            ele.type = 'hidden'; // 6
            ele.name = 'ancho';
            ele.id =idi;
            ele.value = idi;
            ele2 = document.createElement('input'); // 5
            ele2.type = 'hidden'; // 6
            ele2.name = 'alto';
            ele2.id =alto;
            ele2.value = alto;
            contenedor.appendChild(ele);
            contenedor.appendChild(ele2);// 7
        }
    </script>
        <script type="text/javascript">
         function f(){
             if(document.getElementById("resizable")!=null){
             var an= document.getElementById("resizable").style.width;
             var al= document.getElementById("resizable").style.height;
             crearCampo(an,al);    
             }
             else{
             if(document.getElementById("resizable2")!=null){
             var an= document.getElementById("resizable2").style.width;
             var al= document.getElementById("resizable2").style.height;
             crearCampo(an,al);
             }

             }


             document.f99.submit();

             
         }
        </script>
       

        <script type="text/javascript">
            $(document).ready(function(){

         $("#link").click(function(evento){
      if ($("#link").attr("checked")){
          $("#avanzadas").slideToggle();
          $("#avanzadas2").slideToggle();
         $("#ddd").css("visibility", "visible");
      }else{
          $("#avanzadas").slideToggle();
          $("#avanzadas2").slideToggle();
         $("#ddd").css("visibility", "hidden");
      }
   });



            $(function() {
                $("#resizable").resizable({
                    handles: "se",

			maxWidth: 350,
			minHeight: 25,
            maxHeight: 25,
			minWidth: 160

                });
            });


            $(function() {
                $("#resizable2").resizable({
                    handles: "se",

			maxWidth: 350,
			minHeight: 100,
                        maxHeight: 240,
			minWidth: 160

                });
            });


            });

        </script>



    </head>
    <body>
        <%String tipo = (String) request.getParameter("tipopre");

                    if (!tipo.equals("") && tipo.equals("1")) {
        %>

        <p>Pregunta:</p>
        <textarea name="contenido" rows="4" cols="20"></textarea>

        <br>
     <input id="link" type="checkbox"> Ver Opciones Avanzadas
     


      <div id="avanzadas" style="display:none;">
              <p>
                Atributos de la respuesta
            </p>
            <p>
            longitud maxima de caracteres:
            <input type="text" name="max" value="" />
            </p>
         </div>
            <div id="ddd" style="visibility:hidden">
            <p>ancho del campo de texto</p>
            <textarea id="resizable" cols="4" rows="2" readonly style="width:160px; height: 25px;"></textarea>
            <!--<input id="resizable" disabled type="text" size="25px">!-->
             </div>

     <div id="avanzadas2" style="display:none;">
            <div id="na32"></div>
            
            <p>
                Atributos de la pregunta
            </p>

            
            Asociar a un indicador
            <select name="indicadores">
                <option value="0" selected> por favor seleccione un indicador..</option>
                <%    List resultado = new Indicador().getLista();

                                        Iterator iterador = resultado.iterator();
                                        Indicador in;

                                        while (iterador.hasNext()) {
                                            in = (Indicador) iterador.next();

                %>
                <option value="<%=in.getId()%>"><%=in.getNombre()%></option>
                <%}%>
            </select>

        </div>



        <%                }//cierra if 1
                            else {
                                if (!tipo.equals("") && tipo.equals("2")) {
        %>

        <p>Pregunta:</p>
        <textarea name="contenido" rows="4" cols="20"></textarea>
        <br>
        <input id="link" type="checkbox"> Ver Opciones Avanzadas
        <div id="avanzadas" style="display:none;">
            <p>
                Atributos de la respuesta
            </p>
            longitud maxima de caracteres:
            <input type="text" name="max" value="" />
            </div>
            <div id="ddd" style="visibility:hidden">
             <p>ancho del campo de texto</p>
             <textarea id="resizable2" cols="4" rows="10"readonly style="width:160px; height: 100px;"></textarea>
             </div>
        <div id="avanzadas2" style="display:none;">
             <div id="na32"></div>
            <p>
                Atributos de la pregunta
            </p>
            Asociar a un indicador
            <select name="indicadores">
                <option value="0" selected> por favor seleccione un indicador..</option>
                <%
                List resultado = new Indicador().getLista();

                                        Iterator iterador = resultado.iterator();
                                        Indicador in;

                                        while (iterador.hasNext()) {
                                            in = (Indicador) iterador.next();

                %>
                <option value="<%=in.getId()%>"><%=in.getNombre()%></option>
                <%}%>
            </select>

        </div>

        <%         }// cierra if 2
                            else {

                                if (!tipo.equals("") && tipo.equals("3")) {
        %>
        <p>
        Pregunta:
        </p>
        <textarea name="contenido" rows="4" cols="20"></textarea>

         <p>
         Opciones de Respuesta:
         </p>
        <textarea name="respuestas" rows="4" cols="20"></textarea>
        <p>
          <input id="link" type="checkbox"> Ver Opciones Avanzadas
        </p>
        <div id="avanzadas" style="display:none;">
           <p>
                Atributos de la pregunta
           </p>
                 <input type="checkbox" name="abierta">
                A&ntilde;adir opci&oacute;n de respuesta abierta
           <p>
            Asociar a un indicador
           </p>
            <select name="indicadores">
                <option value="0" selected> por favor seleccione un indicador..</option>
                <%
                List resultado = new Indicador().getLista();

                                        Iterator iterador = resultado.iterator();
                                        Indicador in;

                                        while (iterador.hasNext()) {
                                            in = (Indicador) iterador.next();

                %>
                <option value="<%=in.getId()%>"><%=in.getNombre()%></option>
                <%}%>
            </select>

        </div>

        
      

        <%        }//end if
        else {
         if (!tipo.equals("") && tipo.equals("4")) {
        %>

        <p>
        Pregunta:
        </p>
        <textarea name="contenido" rows="4" cols="20"></textarea>

         <p>
         Opciones de Respuesta:
         </p>
        <textarea name="respuestas" rows="4" cols="20"></textarea>
        <p>
          <input id="link" type="checkbox"> Ver Opciones Avanzadas
        </p>
        <div id="avanzadas" style="display:none">
           <p>
                Atributos de la pregunta
           </p>
                 <input type="checkbox" name="abierta">
                A&ntilde;adir opci&oacute;n de respuesta abierta
           <p>
            Asociar a un indicador
           </p>
            <select name="indicadores">
                <option value="0" selected> por favor seleccione un indicador..</option>
                <%
                List resultado = new Indicador().getLista();

                                        Iterator iterador = resultado.iterator();
                                        Indicador in;

                                        while (iterador.hasNext()) {
                                            in = (Indicador) iterador.next();

                %>
                <option value="<%=in.getId()%>"><%=in.getNombre()%></option>
                <%}%>
            </select>

        </div>


        <% } //end if
          else {
         if (!tipo.equals("") && tipo.equals("5")) {
        %>
        <br>Pregunta:
        <textarea name="pregunta" rows="4" cols="20"></textarea>
        <br>subPreguntas:
        <textarea name="subpregunta" rows="4" cols="20"></textarea>
        <br>opciones de respuesta:
        <textarea name="respuestas" rows="4" cols="20"></textarea>
        <p>
         <input id="link" type="checkbox"> Ver Opciones Avanzadas
        </p>
        <div id="avanzadas" style="display:none">
           <p>
            Asociar a un indicador
           </p>
            <select name="indicadores">
                <option value="0" selected> por favor seleccione un indicador..</option>
                <%
                List resultado = new Indicador().getLista();

                                        Iterator iterador = resultado.iterator();
                                        Indicador in;

                                        while (iterador.hasNext()) {
                                            in = (Indicador) iterador.next();

                %>
                <option value="<%=in.getId()%>"><%=in.getNombre()%></option>
                <%}%>
            </select>

        </div>

        <%                        }

                                }

                            }

                        }
                    }
        %>

    </body>
</html>
